17 Awesome JavaScript Slideshow Transitions Kit
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
390+ caption effects/transitions
Jssor slider comes with 390+ impressive caption effects/transitions
Move, fade, clip, zoom and rotation transitions are all supported for all browsers
Javascript code deep compression by smart compression engine
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover
2. WOW Slider
WOW Slider is a fantastic responsive image slider with
killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.
Also, you can share your slider on Facebook.
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. No-Jquery minimum 15KB javascript code by smart compression. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
390+ caption effects/transitions
Jssor slider comes with 390+ impressive caption effects/transitions
Move, fade, clip, zoom and rotation transitions are all supported for all browsers
Javascript code deep compression by smart compression engine
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover
It can also be turned into a slideshow so that your viewer can see your work without having to do nothing.9 transitions effects that can be very simple modified
content is still viewable without JavaScript enabled.More than one slideshow can be on the same page
Also, the HTML auto slideshow will stop or pause when a video starts playing.100+ possible transition effects – Instead of predefining only a few transitions, this plugin provides several properties, each property having from 5 up to 23 possible values. These properties can be combined to obtain hundreds of transitions
Show/Hide – You have the option to hide and show on hover the arrow buttons, the slideshow button, the timer animation, the captions and whole thumbnail scroller, or only some elements of the scroller, like the thumbnail scroller jQuery buttons, arrows or scrollbar.Per slide settings – You can define a different transition effect for each slide, using either the plugin’s JavaScript API or XML attributes.Auto slideshow – You can set the slider to simple JavaScript slideshow mode and you also have the option to pause the slideshow mode on mouse hover
the slideshow will pause when the lightbox is opened
added pause slideshow on hover option
Cute Slider is a unique and easy to use JavaScript slideshow slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. +100 preset transitions
Option to set shuffle mode for slideshow
Advanced javascript API considered. Developed with pure object oriented javascript.Add new feature: Shuffle mode for slideshow
You will see some Flickering by changing between slides with fade Transitions. Since this problem does not exist in IE or in FF we can only provide you a small workaround where the Plugin automatically ignore fade transitions in Google Chrome.And do not forget that you not only can animate your picture transitions and the Ken Burns Effect but the elements (Text, Icons, Pics…) on each slide too. You just need to know little HTML and Javascript.
In Chrome the fadeover transitions are swapped against slide transitions to ignore the Canvas Bug in Chrome
You will see some Flickering by changing between slides with fade Transitions. Since this problem does not exist in IE or in FF we can only provide you a small workaround where the Plugin automatically ignore fade transitions in Google Chrome. Or go nuts and choose “Random”! And do not forget that you not only can animate your picture transitions and the Ken Burns Effect but the elements (Text, Icons, Pics…) on each slide too. You just need to know little HTML and Javascript.
li JQuery JavaScript image slider / banner rotator with many cool features.104 unique transitions – with more than 104 transitions and additional options per transition you can achieve amazing results. Also you can define the following transitions behavior: Regular, Regular-Custom, Random-Custom, Regular-Exception, Random-Exception. This means that if you need to change the slider you do not need to tweak the JavaScript code.104 unique transitions
We pre-loaded li jQuery Slider with total of 104 transitions, so you can open up your imagination and create the most impressive sliders, ads banners and image rotators. Many of the transitions have options for fine tune, and you are able to define each slide’s transition type and transition duration individually. Animation speed, number of sectors vertical or horizontal, custom transitions per slide, custom link per slide and many more, allows you to build your banner or slider without limiting your creativeness. Have you ever thought about having slider/banner and ads on one page and all they are JavaScript driven? Imagine how cool it is! You can have one JavaScript file and multiple sliders. The number of sliders depends on how many images each slider has, how many transitions are included, but all after li Slider could handle with easily up to 5 complex sliders/ ads per page.
It’s a powerful javascript-css slider using CSS3 and dojoToolkit. Animation transitions – ease up the animation with transitions
Easy installation, state-of-the-art transitions and text animations define the freshline style. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. You just need to know little HTML and Javascript.
Easy installation, state-of-the-art transitions and text animations define the freshline style. See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs.What makes this Slider unique is that you not only can animate your picture transitions but the elements (Text, Icons, Pics…) on each slide too. You just need to know little HTML and Javascript.
Auto slideshow and loop. Uses CSS3 transitions. Coded in object oriented JavaScript. (Minified JavaScript file)
(Non-minified JavaScript source code)
This jQuery image upload uses unobstrusive javascript to transform a block of simple HTML slideshow markup into a georgous elegant slider, which can be completely customized using HTML5 data attributes. When using this plugin, your page layout will be consistent even if javascript has been disabled. If the Ken Burns effect is not your thing, that’s OK because the “Estro” slider also includes a 2-way “Swipe” mode with configurable transitions.Won’t break layout if javascript disabled.
Auto delay slideshow, paused when user hover the image. Graceful degradation, it will works on the browser which don’t support CSS3 transitions too. FAQ and uncompressed javascript files are included in the source package.slideShow: false, // auto delay slideshow
slideShowDelay: 4000 // the delay second of the slideshow
Add hover to pause option of the slideshow.CSS3 driven animation, hardware accelerated CSS3 transitions for supported modern browser.It’s lightweight, the compressed javascript is only 4kb.Optional auto delay slideshow, optional hove to pause the slideshow.// pause the jQuery auto slider slideshow when user hover
slideShow: false,
A variety of features not available in standard javascript gallery, including a stunning blur effect for thumbnails and overlay boxes. 4 types of photo changing transitions
Autoplay slideshow option